<template>
    <div>
        <div class="pay-success-wicon">
            <img class="pay-success-icon" :src="staticImageUrl('images/order/pay_success.png')" alt="">
        </div>
        <p class="pay-success-text">
            恭喜你,支付成功!
        </p>
        <p class="pay-money" v-if="false">支付金额{{0}}</p>
        <div class="pay-btns displayFlex justifyCtBwt">
            <router-link to="/order/list" class="check-order">查看订单</router-link>
<!--            <router-link :to="{path:'/store',query:{'storeId':orderMsg.storeId || 0}}" class="back-order">继续逛逛</router-link>-->
            <span @click="toHaoKanHaoWan" class="back-order">下载好看好玩</span>
        </div>
    </div>
</template>

<script>
    // import {mapGetters} from 'vuex';
    export default {
        name: "PaySuccess",
        data(){
            return{
                orderMsg:{

                }
            }
        },
        mounted(){
            /*TODO 暂时不用调这个接口*/
            // let payChannel
            // let payOrderNum
            // if(this.$route.query && this.$route.query.payOrderNum){
            //     payOrderNum = this.$route.query.payOrderNum
            // }
            // if(this.$route.params && this.$route.params.returnType){
            //     payChannel = this.$route.params.returnType.toUpperCase();
            // }
            // let url = `${this.NW_API_API_LOCALE_VERSION}/${payChannel}/pay/callback/${payOrderNum}?terminalType=CustomerH5 `;
            // this.xurl.get(url).then(data=>{
            //     console.log(data);
            // })
            // let nextPage = window.localStorage.getItem(this.NEXTPAGE);
            // if(nextPage.includes('index')){};
            // console.log(nextPage,'nextPage');
        },
        // computed:{
        //     ...mapGetters({
        //         currentStore:'currentStoreFn'
        //     }),
        // }
    }
</script>

<style scoped>
    .pay-success-wicon{
        text-align: center;
        margin-top: .8rem;
    }
    .pay-success-icon{
        width: 1.08rem;
    }
    .pay-success-text{
        font-size: .2rem;
        color: #313233;
        text-align: center;
        margin-top: .1rem;
    }
    .pay-money{
        text-align: center;
        color: #939599;
        font-size: .12rem;
        margin-top: .15rem;
    }
    .pay-btns{
        height: .44rem;
        display: flex;
        justify-content: space-around;
        margin-top: .4rem;
        font-size: .16rem;
    }
    .check-order{
        height: .44rem;
        width: 1.2rem;
        box-sizing: border-box;
        border: 1px solid #C4C6CC;
        text-align: center;
        line-height: .42rem;
        color: #626366;
        border-radius: .25rem;
    }
    .back-order{
        width: 1.6rem;
        height: .44rem;
        background-color: #5D89E8;
        line-height: .44rem;
        color: #fff;
        border-radius: .25rem;
        text-align: center;
    }
</style>